/*
Theme Name: Kammerath Network Theme
Theme URI: http://www.kammerath.net
Description: Kammerath Network Responsive Non-Public Theme
Version: 2.0 Repsonsive
Author: Jan Kammerath
Author URI: http://www.kammerath.net
License: Non-Public
*/

/* begin screen layout */
@media screen{

@charset "utf-8";

/* Google WebFont */
@font-face {
  font-family: 'Droid Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Droid Sans'), local('DroidSans'), url(http://fonts.gstatic.com/s/droidsans/v6/s-BiyweUPV0v-yRb-cjciCEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
  font-family: 'Droid Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Droid Sans Bold'), local('DroidSans-Bold'), url(http://fonts.gstatic.com/s/droidsans/v6/EFpQQyG9GqCrobXxL-KRMTvw3iLehEZ8Hqbhfrhp4xo.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* Kammerath Network 2014 */
body{
	margin:0px;
	padding:0px;
	background-image:url('/themes/default/img/lower-background.gif');
	font-family:'Droid Sans',Arial, Helvetica, sans-serif;
	font-size:15px;
}

a{
	color:#6A6A6A;
	text-decoration:none;
}

.top{
	height:50px;
	width:100%;
	min-width:320px;
	position:fixed;
	background-image:url('/themes/default/img/upper-background.png');
	background-position:bottom left;
	z-index:9; /* required to ensure CodeMirror does not overlap */
}

#menu {
	float:right;
	height:32px;
	width:32px;
	margin-top:10px;
	cursor: pointer;
	position:relative;
	padding-left:5px;
	background-image:url('/themes/default/img/icon/menu.png');
	background-repeat:no-repeat;
	background-position:center center;
}

#menu.active{
	background-image:url('/themes/default/img/icon/menu_active.png');
}

#menusearch {
	float:right;
	height:32px;
	width:32px;
	margin-top:10px;
	margin-right:5px;
	cursor: pointer;
	position:relative;
	padding-left:5px;
	background-image:url('/themes/default/img/icon/menu_search.png');
	background-repeat:no-repeat;
	background-position:center center;
}

.header{
	height:50px;
	padding:0px 5px 0px 10px;
	margin-left:auto;
	margin-right:auto;
	background-image:url('/themes/default/img/header-background.gif');
	background-position:bottom left;
	border-left:5px solid #191919;
	border-right:5px solid #191919;
	box-shadow: -1px -1px 10px 0px #000000;
}

.bottom{
	background-image:url('/themes/default/img/content-background.png');
	background-repeat:repeat-x;
	background-position:top left;
	min-width:320px;
}

.content{
	padding-top:50px;
	margin-left:auto;
	margin-right:auto;
	background-color:#ffffff;
	border-left:5px solid #e8e8e8;
	border-right:5px solid #e8e8e8;
	border-bottom:5px solid #e8e8e8;
	box-shadow: 0px 15px 30px 0px #cccccc;	
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

.contentbody{
	line-height:30px;
	text-align:justify;
	color:#333333;
	margin:10px 10px 10px 10px;
}

.featurearticle, .smallfeaturearticle, .toparticlelist, .listarticle{
	padding:5px 10px 10px 10px;
	box-sizing:border-box;
	margin-bottom:10px;
	background: linear-gradient(to bottom, rgba(249,249,249,1) 0%,rgba(255,255,255,0) 100%);
	box-shadow:-1px -1px 1px 1px rgba(227, 227, 227, 0.5) inset;
}

.featurearticle h2{
	margin:0px 0px 5px 0px;
	color:#6A6A6A;
	padding-top:0px;
	padding-bottom:5px;
	border-bottom:1px solid #D4D4D4;
	box-shadow:0 1px 0 #e9e9e9;
	text-align:left;
}

.featurearticle a{
	text-decoration:none;
	color:#6A6A6A;
}

.featurearticleimage{
	background-size:cover;
	background-position:center center;
}

.smallfeaturearticleimage{
	background-size:cover;
	background-position:center center;
}

.smallfeaturearticle h2{
	margin:0px 0px 0px 0px;
	color:#6A6A6A;
	font-size:15px;
	text-align:left;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.smallfeaturearticle a{
	text-decoration:none;
	color:#6A6A6A;
}

.toparticlelisthead{
	margin:0px 0px 0px 0px;
	color:#6A6A6A;
	font-size:15px;
	text-align:left;	
	border-bottom:1px solid #D4D4D4;
	box-shadow:0 1px 0 #e9e9e9;
}

.toparticle{
	background-color:#ffffff;
	height:30px;
	border-bottom:1px solid #cccccc;
}

.toparticleposition{
	background-color:#f5f5f5;
	color:#6A6A6A;
	font-weight:bold;
	text-align:center;
	float:left;
	margin-right:10px;
	width:30px;
}

.toparticletitle{
	overflow:hidden; 
    white-space:nowrap; 
    text-overflow: ellipsis;
}

.toparticletitle a{
	color:#6A6A6A;
}

.listarticle{
	height:90px;
	width:100%;
}

.listarticleimage{
	height:80px;
	width:100px;
	float:left;
	margin-right:10px;
	background-size:cover;
}

.listarticle h2{
	margin:0px;
	padding:0px;
	text-align:left;
	font-size:15px;
	overflow:hidden; 
    white-space:nowrap; 
    text-overflow: ellipsis;
}

.listarticle h2 a{
	text-decoration:none;
	color:#6A6A6A;	
}

.listarticletext{
	height:50px;
	overflow:hidden; 
    text-overflow: ellipsis;
    line-height:25px;
}

.homefooter{
	margin:20px 0px 10px 0px;
}

.homefooter h1{
	margin:0px;
	padding:0px;
	text-align:left;
	font-size:15px;	
	color:#6A6A6A;	
	border-bottom:1px solid #D4D4D4;
	box-shadow:0 1px 0 #e9e9e9;
	line-height:25px;
}

.homefooter a{
	color:#6A6A6A;	
	text-decoration:none;
}

.footer a{
	color:#a8a8b7;	
	text-decoration:none;	
}

.footerend{
	margin-top:15px;
	text-align:center;
	font-size:11px;
}

.notificationbar{
	background-color:#FFFFCC;
	padding:17px 10px 15px 50px;
	border-bottom:1px solid #f2f2ad;
	background-image:url('/themes/default/img/warning_icon.png');
	background-repeat:no-repeat;
	background-position:10px 10px;
	color:#808080;
	font-weight:bold;
}

.notificationbarclosebutton{
	float:right;
	width:32px;
	height:32px;
	background-image:url('/themes/default/img/close_icon.png');
	background-repeat:no-repeat;
	margin-top:-7px;
	margin-left:10px;
	opacity:0.5;
	cursor:pointer;
}

.notificationbarclosebutton:hover{
	opacity:1;
}

.searchbar{
	height:30px;
	padding:10px;
	background-color:#f5f5f5;
	border-bottom:1px solid #ddd;
	display:none;
}

.searchpage .searchbar{
	display:block;
}

.searchpage #menusearch{
	display:none;
}

.searchresult{
	margin:10px 0px 10px 0px;
	padding:0px 10px 10px 10px;
	border-bottom:1px solid #ddd;
}

.searchfield{
	border:1px solid #ddd;
	width:90%;
	height:33px;
	background-color:#ffffff;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	overflow:hidden;
	box-sizing:border-box;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1) inset;
}

.searchfield input{
	border:none;
	background:none;
	font-family:'Droid Sans',Arial, Helvetica, sans-serif;
	font-size:15px;
	height:30px;
	width:100%;
	padding:0px 10px 0px 10px;
	box-sizing:border-box;	
}

.searchfield input:focus{
	outline:0;
}

.searchbutton{
    background-color: #dc0d17;
    background-image: -webkit-gradient(linear, center top, center bottom, from(#fa3c45), to(#dc0d17));
    background-image: -webkit-linear-gradient(top, #fa3c45 0%, #dc0d17 100%);
    background: linear-gradient(to bottom, #fa3c45 0%,#dc0d17 100%);
    color: #fff;
    height:33px;
    width:10%;
    border:1px solid #DE0404;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;	
    box-sizing:border-box;
    float:right;
    cursor:pointer;
}

.searchbutton:active{
	background: linear-gradient(to top, #fa3c45 0%,#dc0d17 100%);
}

.searchbuttonicon{
	background-image:url('/themes/default/img/search_icon_searchpage.png');
	background-repeat:no-repeat;
	background-position:center center;
	width:100%;
	height:100%;
}

#searchresultlist{
	display:none;
}

.searchresultstats{
	color:#cccccc;
	font-size:13px;
}

.searchresulttitle{
	color:#333;
	height:25px;
	font-size:17px;
	overflow:hidden; 
	text-align:left;
    text-overflow: ellipsis;
}

.searchresultlink{
	color:#ED2828;
	height:25px;
	overflow:hidden; 
    text-overflow: ellipsis;
}

.searchresulttitle:hover{
	text-decoration:underline;
}

.searchresulttext{
	height:55px;
	overflow:hidden;
	text-align:left;
	max-width:450px;
}

.searchresultitempageitem4 .searchresult{
	border-bottom:none;
}

#searchresultpagination{
	height:30px;
	padding-top:10px;
	padding-bottom:15px;
	margin-left:auto;
	margin-right:auto;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#searchresultnavigateprev, #searchresultnavigatenext{
    color:#ED2828;
	font-size:47px;
	padding:0px 10px 0px 10px;
	float:left;
	cursor:pointer;
}

.searchresultnav{
	color:#6a6a6a;
	font-size:25px;
	width:50px;
	padding:4px 15px 0px 15px;
	text-decoration:underline;
	float:left;
	cursor:pointer;
	box-sizing:border-box;
}

.searchresultnavactive{
	color:#ED2828;
	font-weight:bold;
	text-decoration:none;
	font-size:27px;
}

.loginbutton{
	border-radius:6px;
	display:inline-block;
	height:32px;
	width:32px;
	margin-left:3px;
	margin-right:10px;	
	cursor:pointer;
	box-shadow:1px 1px 2px 0px rgba(0,0,0,.2), inset 0px -5px 5px 0px rgba(0,0,0,.15);
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}

.loginbutton:hover{
	box-shadow:1px 1px 2px 0px rgba(0,0,0,.5), inset 0px -5px 5px 0px rgba(0,0,0,.15);	
}

.loginbuttonboxtitle{
	font-size:11px;
	color:#999999;
	padding:5px 0px 5px 5px;
}

#userlogin{
	border-right: 1px solid #ffffff;
	padding-right:5px;
}

#geeklogin{
	border-left:1px solid #ddd;
	padding-left:5px;
}

.loginbuttonbox{
	float:left;
	padding-bottom:5px;
}

#google_loginbutton{
	background-image:url('/themes/default/img/login/google.jpg');
}

#facebook_loginbutton{
	background-image:url('/themes/default/img/login/facebook.jpg');
}

#twitter_loginbutton{
	background-image:url('/themes/default/img/login/twitter.jpg');
}

#github_loginbutton{
	background-image:url('/themes/default/img/login/github.jpg');
}

#bitbucket_loginbutton{
	background-image:url('/themes/default/img/login/bitbucket.jpg');
	margin-right:0px;
}

#sidebarboxlogincontent{
	padding-top:0px;
}

#sidebaruserimage{
	float:left;
	margin-right:10px;
	margin-left:5px;
	height:40px;
	width:40px;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	border:1px solid #ccc;
}

#sidebarusername{
	text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.2);
	font-size:17px;
	color:#333;
	overflow:hidden; 
    text-overflow: ellipsis;
    white-space:nowrap; 
}

#sidebaruserprofile{
	font-size:13px;
	margin-top:5px;
	overflow:hidden; 
    text-overflow: ellipsis;
    white-space:nowrap; 
}

.category h1{
	margin:0px 0px 5px 0px;
	color:#6A6A6A;
	padding-top:0px;
	padding-bottom:5px;
	border-bottom:1px solid #D4D4D4;
	box-shadow:0 1px 0 #e9e9e9;
	text-align:left;
	font-size:23px;
}

.category h2{
	margin:0px 0px 5px 0px;
	color:#6A6A6A;
	padding-top:0px;
	padding-bottom:5px;
	border-bottom:1px solid #D4D4D4;
	box-shadow:0 1px 0 #e9e9e9;
	text-align:left;
	font-size:17px;
}

.categoryarticlelist{
	margin-top:10px;
}

.articlelistitem{
	height:30px;
	border-bottom:1px solid #cccccc;
	text-align:left;
	width:100%;
}

.articlelistitemdate{
	background-color:#f5f5f5;
	color:#6A6A6A;
	font-weight:bold;
	text-align:center;
	float:left;
	width:100px;	
}

.articlelistitemtitle {
    height:30px;
    padding-left:10px; 
	overflow:hidden; 
}

.articlelistitemtitle a{
	color:#333;
	text-align:left;
	overflow:hidden; 
    text-overflow: ellipsis;
}

#productsidebarboxloading{
	background-image:url('/themes/default/img/loading.gif');
	background-position:left center;
	background-repeat:no-repeat;
	height:35px;
	padding-left:35px;
	text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.2);
	color:#cccccc;
	font-size:15px;
}


.sidebarboxtitle{
	text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.2);
	font-weight:bold;
	color:#4E4E4E;
	font-size:13px;
	padding:0px 0px 5px 5px;
	border-bottom:1px solid #E9E9E9;
}

.sidebarboxcontent{
	border-top:1px solid #ffffff;
	padding-top:5px;
}

.sidebarboxfield{
	padding:10px;	
	font-family:'Droid Sans',Arial, Helvetica, sans-serif;
	font-size:17px;
	border:1px solid #D1D1D1;
	float:left;
}

.sidebarboxfield:focus{
    outline: 0;
}

.sidebarboxcontent .sidebarcategory{
	padding:10px 5px 10px 5px;
	text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.2);
	border-bottom:1px solid #E9E9E9;
	border-top:1px solid #ffffff;
	cursor:pointer;
}

.sidebarboxcontent .sidebarcategory:hover{
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, 
		rgba(255,246,181,0.87) 87%, rgba(255,246,181,1) 100%);
}

.sidebarboxcontent .sidebarcategory:hover a{
	text-shadow: 1px 1px 1px rgba(150, 150, 150, 1);
}

.sidebarboxcontent .sidebarcategory a{
	color:#333;
	text-decoration:none;
}

.sidebarboxcontent .sidebarcategoryarticlecount{
	float:right;
	width:20px;
	text-align:center;
    background-color: #dc0d17;
    background-image: -webkit-gradient(linear, center top, center bottom, from(#fa3c45), to(#dc0d17));
    background-image: -webkit-linear-gradient(top, #fa3c45 0%, #dc0d17 100%);
    color: #fff;
    min-height: 13px;
    padding: 1px 3px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .4);
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .7);

}

.sidebarboxcontent .sidebarcategory:first-child{
	border-top:none;
	padding-top:5px;
}

.sidebarboxcontent .sidebarcategory:last-child{
	border-bottom:none;
}

.sidebarboxemailtext{
	font-size:14px;
	line-height:20px;
	padding:0px 5px 5px 5px;
	text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.2);
}

.sidebarproduct{
	height:40px;
	border-bottom:1px solid #E9E9E9;
	border-top:1px solid #ffffff;
	padding:5px 0px 5px 0px;
	cursor:pointer;
}

.sidebarproduct:hover{
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, 
		rgba(255,246,181,0.87) 87%, rgba(255,246,181,1) 100%);
}

.sidebarproduct:first-child{
	border-top:none;
}

.sidebarproduct:last-child{
	border-bottom:none;
}

.sidebarproducttitle{
	width:188px;
	overflow:hidden; 
    white-space:nowrap; 
    text-overflow: ellipsis;
    text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.2);
    color:#333;
}

.sidebarproductmanufacturer{
	width:110px;
	overflow:hidden; 
    white-space:nowrap; 
    text-overflow: ellipsis;
    text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.2);
	float:left;
	color:#808080;
	font-size:13px;
	margin-top:2px;
	margin-left:2px;
}

.sidebarproductprice{
	text-align:right;
	color:#ED2828;
	text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.2);
	font-weight:bold;
	float:right;
	width:70px;
	margin-right:5px;
}

.sidebarproductimage{
	float:left;
	margin-right:10px;
	margin-left:5px;
	height:35px;
	width:35px;
	background-position: center center;
	background-repeat: no-repeat;
	border-radius:20px;
	border:1px solid #333;
	box-shadow: 2px 2px 2px 0px rgba(107,107,107,0.3);
}

.sidebarboxbutton, .buttonlink {
	-moz-box-shadow:inset 0px 1px 0px 0px #f5978e;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f5978e;
	box-shadow:inset 0px 1px 0px 0px #f5978e;
	background-color: #dc0d17;
	background: linear-gradient(top, #fa3c45 0%, #dc0d17 100%);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#fa3c45), to(#dc0d17));
    background-image: -webkit-linear-gradient(top, #fa3c45 0%, #dc0d17 100%);
	background:-moz-linear-gradient( center top, #fa3c45 5%, #dc0d17 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa3c45', endColorstr='#dc0d17');
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #d02718;
	display:inline-block;
	color:#ffffff;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:35px;
	line-height:35px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #810e05;
	padding:0px 10px 0px 10px;
	cursor:pointer;
	box-sizing:border-box;
}

.sidebarboxbutton{
	width:100%;
	margin-top:5px;
}

.sidebarboxbutton:hover, .buttonlink:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dc0d17), color-stop(1, #fa3c45) );
	background:-moz-linear-gradient( center top, #dc0d17 5%, #fa3c45 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dc0d17', endColorstr='#fa3c45');
	background-color:#dc0d17;
}

.sidebarboxbutton:active, .buttonlink:active {
	position:relative;
	top:1px;
}

.footer{
	background-color:#f9f9f9;
	padding:20px;
	font-size:13px;
	color:#a8a8b7;
	text-shadow: 1px 1px 1px #cccccc;
	line-height:25px;
}

#whatsappbuttoncontainer{
	text-align:center;
	margin:0px 0px 10px 0px;
	display:none;
}

#whatsappbutton{
	-moz-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #62D247), color-stop(1, #20A013) );
	background:-moz-linear-gradient( center top, #62D247 5%, #20A013 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#62D247', endColorstr='#20A013');
	background-color:#20A013;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #1AA00A;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:38px;
	line-height:38px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #689324;
	padding:0px 20px 0px 10px;
}

#whatsappbuttonicon{
	background-image:url('/themes/default/img/whatsapp_icon.png');
	background-repeat:no-repeat;
	background-position:0px 0px;
	height:32px;
	width:32px;
	float:left;
	margin-top: 2px;
	margin-right: 7px;
}

#whatsapplink:hover{
	text-decoration:none;
}

.articlehead{
	border-bottom:1px solid #D4D4D4;
	box-shadow:0 1px 0 #e9e9e9;
	padding-bottom:5px;
}

.articlefacebooklike{
	border:none;
	width:70%;
	margin:10px 3% 0px 2%;
	height:30px;
	box-sizing:border-box;
}

.articlegoogleplusone{
	width:20%;
	box-sizing:border-box;
	float:right;
	height:30px;
	padding-top: 10px;
	overflow-x:hidden;
}

.articlesharebutton{
	margin-left:10px;
	padding-top:10px;	
}

.article h1{
	margin:5px 0px 0px 0px;
	color:#6A6A6A;
	text-align:left;
	text-shadow: 1px 1px 2px rgba(150, 150, 150, 0.4);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width:100%;
}

.article h2{
	margin:5px 0px 0px 0px;
	color:#6A6A6A;
	padding-top:10px;
	padding-bottom:5px;
	border-bottom:1px solid #D4D4D4;
	box-shadow:0 1px 0 #e9e9e9;
	text-align:left;
	text-shadow: 1px 1px 2px rgba(150, 150, 150, 0.4);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width:100%;
}

.article h3{
	margin:5px 0px 0px 0px;
	color:#6A6A6A;
	padding-top:10px;
	padding-bottom:5px;
	border-bottom:1px solid #D4D4D4;
	box-shadow:0 1px 0 #e9e9e9;
	text-align:left;
	text-shadow: 1px 1px 2px rgba(150, 150, 150, 0.4);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width:100%;
}

.articlebody a{
	text-decoration:none;
	color:#000000;
    white-space: pre-wrap; 
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;   
    white-space: -o-pre-wrap;   
    word-wrap: break-word;
}

.articlebody a:hover{
	text-decoration:underline;
}

.articlebody table{
	overflow-x:scroll;
}

.articlevideo{
	width:100%;
	height:320px;
}

.commentcount{
	background-image:url('/themes/default/img/comments_icon.jpg');
	background-repeat:no-repeat;
	background-position:2px 2px;
	text-align:left;
	padding-left:22px;
}

.commentcount:hover{
	text-decoration:underline;
}

.logo{
	margin-top:8px;
}

.productbox{
	border:1px solid #ddd;
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
	background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
	text-shadow:1px 1px 0px #ffffff;
	cursor:pointer;
	height:80px;
}

.productboximage{
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	background-color:#ffffff;
	width:100px;
	height:80px;
	float:left;
	border-right:1px solid #ddd;
}

.productboxcontent{
	padding-top:2px;
	margin-left: 110px;	
}

.productboxtitle{
	height:30px;
	font-size: 17px;
	margin-top: 5px;
	text-align:left;
	font-weight:bold;
	color:#6a6a6a;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.productboxsubtitle{
	height:25px;
	text-align:left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.productboxorder, .bookofferorder{
	float:right;
	width:160px;
}

.productboxprice, .bookofferprice{
	text-align: center;
	color: #757575;
	text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.4);
	font-weight: bold;
	font-size:29px;	
	padding:7px 0px 5px 0px;
}

.productboxbutton, .bookofferbutton{
	-moz-box-shadow:inset 0px 1px 0px 0px #fed897;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fed897;
	box-shadow:inset 0px 1px 0px 0px #fed897;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f6b33d), color-stop(1, #d29105) );
	background:-moz-linear-gradient( center top, #f6b33d 5%, #d29105 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6b33d', endColorstr='#d29105');
	background-color:#f6b33d;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #eda933;
	display:inline-block;
	color:#ffffff;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:30px;
	line-height:30px;
	width:150px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #cd8a15;
}

.productboxbutton:hover, .bookofferbutton:hover{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d29105), color-stop(1, #f6b33d) );
	background:-moz-linear-gradient( center top, #d29105 5%, #f6b33d 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d29105', endColorstr='#f6b33d');
	background-color:#d29105;
}

.productboxbutton:active, .bookofferbutton:active{
	position:relative;
	top:1px;
}

.bookofferlist{
	margin-top:10px;
	margin-bottom:10px;
}

.bookoffer{
	border:1px solid #ddd;
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
	background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
	text-shadow:1px 1px 0px #ffffff;
	cursor:pointer;
	margin-bottom:5px;
	height:80px;
}

.bookofferimagebox{
	background-color:#ffffff;	
	padding:10px;
	float:left;
	margin-right:15px;
	width:120px;
	border-right:1px solid #ddd;
	height:60px;
	overflow:hidden;
}

.bookofferimage{
	height:140px;
	width:100px;
	margin-left:auto;
	margin-right:auto;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	border:1px solid #919191;
	transform: rotate(-3deg);
	box-shadow: 2px 2px 9px #919191;
}

.bookoffertitle{
	height:30px;
	font-size: 17px;
	margin-top: 5px;
	text-align:left;
	font-weight:bold;
	color:#6a6a6a;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-right:10px;	
}

.bookofferauthor{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-right:10px;		
}

.imageboximage img{
	width:100%;
}

.recommenditem{
  	cursor:pointer;
  	height:80px;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
	background: -moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
	border:1px solid #ddd;
	margin-bottom:5px;
	text-shadow:1px 1px 0px #ffffff;
}

.recommenditem .buttonlink{
	width:150px;
}

.recommendbox{
	width:120px;
	height:60px;
	float:left;
	margin-right:10px;
	background-color:#ffffff;
	border-right:1px solid #ddd;
	padding:10px;
}

.recommendboximage{
	background-image:url('/themes/default/img/default_article_preview_100.jpg');
	width:120px;
	height:60px;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
}

.recommendtitle{
	height: 30px;
	font-size: 17px;
	margin-top: 5px;
	text-align: left;
	font-weight: bold;
	color: #6a6a6a;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-right: 10px;
}

.recommendtitle a{
	text-align: left;
	font-weight: bold;
	color: #6a6a6a;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;	
}

.recommendstats{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;	
	margin:5px 0px 0px 0px;
	padding-right:10px;
}

.recommenditem .buttonlink{
	float:right;
	margin-right:5px;
	margin-top:5px;
}

.recommendlist{
	margin-top:10px;
}

.commentloginrequired{
	background-color:#f5f5f5;
	border-radius:5px;
	padding:10px 20px 20px 20px;
	margin-top: 10px;
}

.commentloginmessage{
	margin-bottom:5px;
	font-weight:bold;
}

.commentlist{
	margin:10px 0px 0px 10px;
}

.commententry{
	margin:5px 0px 0px 0px;
	padding:3px;
	border:1px solid #ddd;
	background-color:#f5f5f5;
	webkit-box-shadow: inset 0px 1px 0px 0px #ffffff, 1px 1px 2px 0px #f5f5f5;
	box-shadow: inset 0px 1px 0px 0px #ffffff, 1px 1px 2px 0px #f5f5f5;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
	background: -moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
}

.commententrydetail{
	box-sizing:border-box;
	height: 35px;
}

.commentauthorname{
	float:left;
	margin-left:10px;
}

.commentauthorimage{
	width:30px;
	height:30px;
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5px;
	border: 1px solid #cccccc;
	float:left;
}

.commententrytext{
	box-sizing:border-box;
	padding:15px;
	background-color:#ffffff;
	border: 1px solid #ddd;
	webkit-box-shadow: inset 1px 0px 0px 0px #f5f5f5;
	box-shadow: inset 1px 0px 0px 0px #f5f5f5;
}

.commentdate{
	font-size:11px;
	text-align:right;
	padding-top: 2px;
	padding-right: 5px;
}

#newcommenttext{
	width: 100%;
	border: none;
	font-family:'Droid Sans',Arial, Helvetica, sans-serif;
	font-size:15px;
}

#newcommenttext:focus{
	outline: 0;
}

#submitcommentbutton{
	-moz-box-shadow:inset 0px 1px 0px 0px #f5978e;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f5978e;
	box-shadow:inset 0px 1px 0px 0px #f5978e;
	background-color: #dc0d17;
	background: linear-gradient(top, #fa3c45 0%, #dc0d17 100%);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#fa3c45), to(#dc0d17));
    background-image: -webkit-linear-gradient(top, #fa3c45 0%, #dc0d17 100%);
	background:-moz-linear-gradient( center top, #fa3c45 5%, #dc0d17 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa3c45', endColorstr='#dc0d17');
	border-radius:3px;
	text-indent:0;
	border:1px solid #d02718;
	display:inline-block;
	color:#ffffff;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:30px;
	line-height:25px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #810e05;
	padding:0px 10px 0px 10px;
	cursor:pointer;
	box-sizing:border-box;
	float:right;
	margin-top:3px;
}

.commententrydelete{
	text-align:right;
}

.deletecommentlink{
	text-decoration:underline;
	font-size:13px;
	cursor:pointer;
}

.commententryconfirmdelete{
	background-color:#dc0d17;
	color:#ffffff;
	font-size:13px;
	padding:20px;
	text-align:left;
	display:none;
}

.commententryconfirmdelete a{
	font-weight:bold;
	color:#ffffff;
	cursor:pointer;
}

.newslettersignupdata{
	height:40px;
}

.newslettersignup{
	padding:10px;
	background-color:#f5f5f5;
	border-radius:5px;
	box-shadow: 1px 1px 1px 1px rgba(50, 50, 50, 0.2);
	border:1px solid #ddd;
	margin-bottom:20px;
}

.newslettersignuplabel{
	float:left;
	width:30%;
	font-weight:bold;
}

.newslettersignupfield{
	float:left;
	width:70%;
}

.newslettersignupfield input{
	width:95%;
	font-family:'Droid Sans',Arial, Helvetica, sans-serif;
	font-size:17px;
	padding:5px;
	border:1px solid #ddd;
	box-shadow:inset 3px 3px 5px #f5f5f5;
	background-color:#ffffff;
}

.newslettersignupfield select{
	width:98%;
	font-family:'Droid Sans',Arial, Helvetica, sans-serif;
	font-size:17px;
	padding:5px;
	border:1px solid #ddd;
	box-shadow:inset 3px 3px 5px #f5f5f5;
	background-color:#ffffff;
}

.newslettersignupfielderror, 
.contactformfielderror{
	color:red;
	border:1px solid red !important;
}

.contactrequiredlabel{
	color:red;
}

#newslettercaptcha{
	float:right;
	margin-right:2%;
	margin-bottom:10px;
}

#newslettersignupbutton{
	float:right;
	margin-right:2%;
}

.newsletterheadimage, 
.contactheadimage{
	margin:15px 0px 5px 0px;
	width:100%;
}

.newsletterunsubscribelink{
	font-size:13px;
	margin:-30px 0px 0px 10px;
	float:left;
	text-decoration:underline;
	color:#ccc;
}

.sidebarboxnewsletteredit{
	font-size:13px;
	padding-top:5px;
	text-align:center;
	padding:10px 0px 5px 0px;
}

.sidebarboxnewsletteredit a{
	color:#000000;
	text-decoration:underline;
}

.contactform{
	margin-top:30px;
}

.contactdetail{
	min-height:50px;
}

.contactlabel{
	float:left;
	width:35%;
	font-weight:bold;
}

.contactfield{
	width:60%;
	float:left;
}

.contactfield input{
	width:100%;
	font-family:'Droid Sans',Arial, Helvetica, sans-serif;
	font-size:17px;
	padding:5px;
	border:1px solid #ddd;
	box-shadow:inset 3px 3px 5px #f5f5f5;
	background-color:#ffffff;
}

.contactdetail textarea{
	width:95%;
	height:100px;
	font-family:'Droid Sans',Arial, Helvetica, sans-serif;
	font-size:17px;
	padding:5px;
	border:1px solid #ddd;
	box-shadow:inset 3px 3px 5px #f5f5f5;
	background-color:#ffffff;	
}

#contactcaptcha{
	float:right;
	margin-right:3%;
	margin-top:10px;
	margin-bottom:5px;
}

#contactsendbutton{
	float:right;
	margin-right:3%;
	margin-bottom:20px;
}

#skyscrapersidebarbox{
	display:none;
	height:650px;
}

.indexflexad{
	margin:10px 0px 10px 0px;
}

.articleflexad{
	margin:10px 0px 10px 0px;
	overflow-x:hidden;
}

#flexskyscraper{
	position:fixed;
	width:160px;
	height:600px;
	border:1px solid #cccccc;
	background-color:#ffffff;
}

}

/* desktop layout */
@media screen and (min-width:930px){
	#menu{
		display:none;
	}

	.header{
		width:885px;
	}

	.content{
		width:900px;
		margin-bottom:50px;
	}

	.articlebody{
		margin-left:10px;
	}

	.contentbody{
		width:600px;
		float:left;
	}

	.sidebar{
		float:right;
		width:260px;
		margin:10px;
	}

	.sidebarbox{
		padding:10px;
		margin-bottom:15px;
		background-color:#f9f9f9;
		box-shadow:1px 1px 1px 1px rgba(50, 50, 50, 0.2);
	}

	.sidebarboxcontent .sidebarcategory:last-child{
		padding-bottom:5px;
	}

	.articlehead{
		margin-left:10px;
		height:40px;
	}

	.article h1{
		font-size:19px;
		padding-top:5px;
		width:450px;
	}

	.category h1{
		width:100%;
	}

	.article h2{
		font-size:19px;
	}

	.articledetailhead{
		width:120px;
		text-align:right;
		float:right;
		line-height:20px;
	}

	.article .publishdate{
		font-size:13px;	
		color:#6a6a6a;
		font-size:11px;
	}

	.article .commentcount{
		font-size:11px;	
		display: inline-block;
	}

	.articlewideimage{
		width:90%;
		margin:0% 5% 0% 5%;
	}

	.featurearticleimage{
		float:left;
		height:160px;
		width:200px;
		margin:8px 10px 5px 0px;
	}

	.featurearticle h2{
		font-size:19px;
	}

	.featurearticletext{
		height:145px;
		overflow:hidden;
	}

	.smallfeaturearticle{
		width:298px;
		float:left;
	}

	#smallfeaturearticle2{
		margin-left:4px;
	}

	.smallfeaturearticleimage{
		height:150px;
		width:100%;
	}

	.toparticle{
		width:48%;
		padding-right:10px;
		float:left;
		margin-top:5px;
	}

	.mainfooter{
		float:left;
	}

	.subfooter{
		float:right;
		text-align:right;
	}

	.sidebarboxfield{
		width:215px;
	}

	/* content image boxes on max-size */
	.articlebody .imagebox{
		border:1px solid #ddd;
		cursor:pointer;
		float:right;
		width:250px;
		margin:10px 0px 5px 10px;
		clear:both;
	}

	.articlebody .imageboximage{
		margin:5px;
	}

	.articlebody .imageboxtext{
		background-color:#f5f5f5;
		color:#8a8a8a;
		padding:5px 10px 5px 10px;
		text-align:center;
		text-shadow:none;
		white-space: nowrap;
  		overflow: hidden;
  		text-overflow: ellipsis;
	}
}

/* smartphone/tablet base layout */
@media screen and (max-width:929px){
	#menu{
		display:block;
	}

	.header{
		width:100%;
		box-sizing:border-box;
	}

	.sidebar{
		display:none;
	}

	.sidebarboxtitle{
		font-size:17px;
		padding:10px 0px 10px 10px;
		background-color:#e8e8e8;
	}

	.sidebarboxcontent{
		border-bottom: 1px solid #ddd;
		border-top: 1px solid #ddd;
	}

	#emailsidebarbox .sidebarboxcontent{
		padding-bottom:10px;
	}

	.sidebarboxfield{
		width:90%;
		margin-left:5%;
		box-sizing:border-box;
	}

	.sidebarboxbutton{
		width:90%;
		margin-left:5%;
		box-sizing:border-box;
	}

	.sidebarboxemailtext {
		margin-left:10px;
	}

	#sidebarboxlogoutbutton{
		width: 96%;
		margin-left: 2%;
		margin-bottom: 5px;
	}

	#sidebaruserimage{
		margin-left:5%;
	}

	.articlefacebooklike{
		margin:10px 5px 0px 0px;
		height:30px;
	}

	.article h1{
		font-size:17px;
		height: 30px;
		overflow: hidden;
		width: 100%;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	.article h2{
		font-size:15px;
		height: 30px;
		overflow: hidden;
		width: 100%;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	.article .publishdate{
		font-size:13px;	
		line-height:10px;
		float:left;
		color:#6a6a6a;
		padding-top:11px;
	}

	.article .commentcount{
		float:right;
		font-size:13px;
		background-position:2px 7px;
	}

	.articlewideimage{
		width:100%;
		margin:0%;
	}

	.featurearticle h2{
		font-size:15px;
	}

	.smallfeaturearticle{
		width:100%;
		margin-top:10px;
		padding-bottom:10px;
	}

	.subfooter{
		margin-top:10px;
	}

	.commentlist{
		margin-left:0px;
	}

	#google_loginbutton{
		margin-left:5px;
	}

	.loginbutton{
		width:50px;
		height:50px;
	}

	#whatsappbutton{
		padding:0px 5px 0px 5px;
	}

	#whatsappbuttonicon{
		margin-right:0px;
	}

	#sidebarskyscraper{
		padding: 5px;
		text-align: center;
	}
}

/* tablet specific */
@media screen and (min-width:451px) and (max-width:929px){
	.featurearticleimage{
		width:180px;
		height:150px;
		margin:8px 10px 5px 0px;
		float:left;
	}

	.smallfeaturearticleimage{
		width:180px;
		height:90px;
		margin:8px 10px 5px 0px;
		float:left;		
	}

	.featurearticletext{
		height:115px;
		overflow:hidden;
		margin-bottom:5px;
	}

	.toparticle{
		width:50%;
		float:left;
		margin-top:5px;
	}

	/* content image boxes on tablet */
	.articlebody .imagebox{
		border:1px solid #ddd;
		cursor:pointer;
		float:right;
		width:200px;
		margin:10px 0px 5px 10px;
	}

	.articlebody .imageboximage{
		margin:5px;
	}

	.articlebody .imageboxtext{
		background-color:#f5f5f5;
		color:#8a8a8a;
		padding:5px 10px 5px 10px;
		text-align:center;
		text-shadow:none;
		white-space: nowrap;
  		overflow: hidden;
  		text-overflow: ellipsis;
	}

	.newslettersignuplabel{
		width:40%;
	}

	.newslettersignupfield{
		width:59%;
	}

	.contactlabel{
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
}

/* smartphone specific */
@media screen and (max-width:450px){
	.logo{
		width:200px;
		height:30px;
		margin-top:10px;
	}

	.searchbar{
		height:50px;
	}

	.searchfield{
		width:80%;
		height:50px;
	}

	.searchfield input{
		height:47px;
		font-size:19px;
	}

	.searchbutton{
		width:20%;
		height:50px;
	}

	.featurearticleimage, .smallfeaturearticleimage{
		width:100%;
		height:200px;
		margin:8px 10px 5px 0px;
	}

	.listarticletext{
		text-align:left;
	}

	.footerend{
		text-align:left;
	}

	.category h1{
		font-size:17px;
	}

	.category h2{
		font-size:15px;
	}

	/* content image boxes on tablet */
	.articlebody .imagebox{
		border:1px solid #ddd;
		cursor:pointer;
		margin:10px 0px 5px 0px;
	}

	.articlebody .imageboximage{
		margin:5px;
	}

	.articlebody .imageboxtext{
		background-color:#f5f5f5;
		color:#8a8a8a;
		padding:5px 10px 5px 10px;
		text-align:center;
		text-shadow:none;
  		overflow: hidden;
  		text-overflow: ellipsis;
  		box-sizing:border-box;
  		height:40px;
	}

	.article h1, h2, h3{
    	height:30px;	
    	overflow:hidden;
	}

	.articlevideo{
		height: 165px;
	}

	.productbox{
		height:150px;
	}

	.productboximage{
		width:50%;
		border-right:none;
	}

	.productboxorder{
		background-color:#ffffff;
		width:50%;
		height:80px;
	}

	.productboxcontent{
		margin-left:0px;
		margin-top: 80px;
		padding-left:10px;
		border-top: 1px solid #ddd;
	}

	.productboxbutton, .bookofferbutton{
		width:135px;
	}

	.bookoffer{
		height:140px;
	}

	.bookofferimagebox{
		height:140px;
		width:40%;
		box-sizing:border-box;
	}

	.bookofferorder{
		margin-top:-80px;
		width:60%;
		box-sizing:border-box;
		text-align:center;
	}

	.recommenditem{
		height:100px;
	}

	.recommendbox{
		width:80px;
		height:80px;
	}

	.recommendboximage{
		width:80px;
		height:80px;
	}

	.recommendstats{
		margin:-5px 0px 0px 0px;
	}

	.recommenditem .buttonlink{
		margin-top: 26px;
		right: 20px;
		width:160px;
		position: absolute;
	}

	.loginbutton{
		width:40px;
		height:40px;
	}

	.newslettersignup{
		text-align:center;
	}

	.newslettersignupdata{
		height:auto;
		margin-left:10%;
	}

	.newslettersignuplabel{
		float:none;
		text-align:left;
		padding-left:5px;
		width:90%;
	}

	.newslettersignupfield{
		float:none;
		width:90%;
	}

	#newslettercaptcha{
		float:none;
		margin-right:0px;
		margin-bottom:0px;
		margin-top:10px;
		overflow:hidden;
	}

	#newslettersignupbutton{
		margin-top:15px;
		width:90%;
		margin-right:5%;
	}

	.newsletterunsubscribelink{
		text-align:center;
		float:none;
		margin:0;
		padding-top: 10px;
		display: block;
	}

	.commentloginmessage{
		text-align: left;
		font-size: 13px;
	}

	.commentloginrequired #google_loginbutton{
		margin-left:0px;
	}

	.commentloginrequired .loginbutton{
		margin-right:2px;
	}

	.contactfield{
		float:none;
		width:95%;
	}

	.contactlabel{
		width:100%;
	}

	.contactdetail textarea{
		margin-top:10px;
	}

	#contactsendbutton{
		float:none;
		width:100%;
	}

	#contactcaptcha{
		float:none;
		width:100%;
		margin-left:-6px;
	}
}
/* end of screen layout */